@use "sass:color";

// Color variables
:root {
  --primary-color: #42b983;
  --secondary-color: #2c3e50;
  --text-color: #333;
  --gray-color: #666;
  --light-gray: #eee;
}

// Breakpoints
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

// Common mixins
@mixin responsive-padding {
  padding-left: 15px;
  padding-right: 15px;
  
  @media (min-width: $breakpoint-md) {
    padding-left: 30px;
    padding-right: 30px;
  }
} 